終於要開始分享學習記錄細節了

學習的困難

一開始遇到最大的困難就是對於程式碼的不熟悉，產生了非常大的阻力，會很想逃避，所以遇到稍微卡住的我就會先擺著，然後做點別的事，查查其他學習資源，或是耍廢之類的。

下一個困難就是英文文件閱讀，可能是太久沒有閱讀長篇英文文章，在查找官方文件很不容易耐心的看完他，因為沒能好好閱讀文件，而付出一些代價。在經過了相當密集的刻意練習，現在有稍微好一點點！！

202207第一輪面試前

使用教材：

• 六角課程：使用 HTML、CSS 開發一個網站
• 六角課程：網頁切版直播班

觀看六角課程搭配作業，進度很緩慢，2022的4月開始緩慢進行，直到快到7月。後來想說，還是該認真一點，詢問島島阿學前輩的想法，也做了一些功課決定上切版直播班，藉此增進切版熟練度，也跟個課程進度提升學習效率。

這部分的成果不算是很好，有做完「使用 HTML、CSS 開發一個網站」的作業，但切版直播班的作業跟課程只跟到第五週，作業應該只交完第二週，中間卡關後就一直沒有繼續完成他。

在切版直播班有個專題實作，選了攀岩網站這個主題，後面在作品篇會重新復活出現，這部分在這個階段沒有完成，只停在畫wireframe，也沒有繼續往下，當時卡在網站的流程上，不知該怎麼調整，查了很多資料，參考很多類似的網站，但就是沒有在時間內完成他。

仔細地檢討發現對於學習的動機跟專注度還是很薄弱，還沒有進入學習狀態的感覺，處於逃避的模式，花了很多時間做別的事，並沒有認真的去面對課程跟作業，遇到困難也沒有很認真的想要解決。

階段性的收穫：

• 切版熟練度提升
• 個人作品有個開始

換個方式練習切版

島島阿學chrome extension設計稿

在這部分算是有獲得一些成就感，因為要做chrome extension，設計師先設計了一版figma的設計稿，我拿來當作練習，看到跟自己有關的事情，透過自己完成，那感覺跟寫作業就不太一樣。

接下來想說應該可以來學JS，在來學React，因為可能會需要一些JS基礎。

JS深淵

使用教材：

六角課程：JavaScript 入門篇 - 學徒的試煉

這部分並沒有學習太久的時間，因為到後面有點吃不消(看不下去欸ＱＱ)，島島阿學的網頁開發大大說其實React一開始不需要太多JS，或許我可以先試看看，推薦電子書開始入門。

於是乎先放下JS，暫且告別。

React搖滾區

使用教材：

• 電子書：從 Hooks 開始，讓你的網頁 React 起來

• 官方文件（舊）：https://zh-hant.reactjs.org/

• 官方文件（新）：https://react.dev/

大推電子書這個教材，跟著操作很有成就感，讓我找到了一點點學習的信心跟動力，也發現好像沒有這麼難上手？

就開始想既然已經摸了React，那或許可以先來參與島島阿學網站新功能的切版？但在這之前我需要再熟練一下React的應用方式，就想到了我遺忘已久的攀岩網站，或許可以拿他來練習。

換個方式練習React

在練習島島阿學的新功能前，我繼續攀岩網站的作品孵化，剛好有一位島島的設計師也是在轉職，願意協助攀岩網站的設計稿，就這樣！攀岩網站又重生了，看到設計稿的感覺真的是很特別，又更有動力繼續認真了

由於島島阿學的UI框架是採用MUI，CSS in JS 是用Emotion，因此花了不少時間了解，然後去實作在攀岩作品。

在攀岩網站有個雛形後，也同步開始了島島阿學的新功能參與，由於前端是用Next.js，也多花了時間查閱官方文件，尤其是Router的地方，跟React有很大的不同，我覺得比較好理解，想當初React的router花了我好多時間搞懂。

面試大挑戰

就這樣我帶著兩個都是靜態畫面的做品，想說來試試水溫好了，查了很多心得都說作品可以邊做邊面，不斷的優化，一方面也知道公司需要什麼樣的人。

在惡補面試題目中的我，於是開始了第一輪的面試

這時候時間來到的2023年的3月！！

經過了殘酷的試煉，細節面試篇會在說明，我發現我的JS真的需要好好面對，便下定決心要好好認真的攻克他！！！！！

現在想想那時候敢去面試的我還真是勇敢

剩下就交給明天的學習紀錄篇拉！